{extend name="base" /}
{block name="style"}
<style>
    /*.main{ padding :15px 0; }*/
    .agent-projects li{ float: left;}
    .agent-projects li a{ display: block;padding:0;margin:0;border:0; }
    .agent-projects li img { width:100%; }
    .agent-projects li p { line-height: 50px;margin-bottom: 20px;font-weight: bold;font-size: 16px; color:#222;text-align: center;}

    @media (max-width: 768px) {
        .agent-projects li{width:44%;margin:0 3%;}
        .agent-projects li p{ font-size: 14px; }
    }
    @media (min-width: 768px) {
        .agent-projects li{ width:30%;margin-right: 5%;}
        .agent-projects li:nth-child(3n){ margin-right: 0; }
    }

</style>
{/block}
{block name="content"}
<section id="banner">
    <div class="banner-box">
        <img src="/assets/img/banner.png" >
    </div>
    <div class="detail detail-path hidden-xs">
        <div class="container">
            <div class="detail-home">
                <a href="javascript:void(0)">
                    <img src="/assets/img/home.png" />
                </a>
                <a href="javascript:void(0)">业务布局</a>&gt;
                <a href="javascript:void(0)">项目代建</a>
            </div>
            <ul class="list-inline detail-title" id="detail-title">
                <li>
                    <a href="/project/sydc" data-path="commercial">商业地产</a>
                </li>
                <li class="current">
                    <a href="/project/xmdj" data-path="project">项目代建</a>
                </li>
                <li >
                    <a href="/project/zcjy">资产经营</a>
                </li>
                <li >
                    <a href="javascript:void(0)">物业管理</a>
                </li>
                <li>
                    <a href="javascript:void(0)">酒店管理</a>
                </li>
                <span id="subline"></span>
            </ul>
        </div>
    </div>
</section>

<section class="main">
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <ul class="agent-projects">
                    {volist name="xmdj" id="vo"}
                    <li>
                        <a href="/project/xmdj/{$vo.id}">
                            <img src="{$vo.poster}" alt=""/>
                            <p>{$vo.name}</p>
                        </a>
                    </li>
                    {/volist}
                </ul>
            </div>
        </div>
    </div>
</section>
{/block}
{block name="script"}
{/block}